
/* body {
    background-color: #dcdcdcaa;
    height: 925px;
    917
} */
.van-field__body input{
  border-radius: 0;
}
#cBack{
    height: 5px;

}

.cBar {
    width: 100%;
    height: 30px;
    background-color: white;
    margin-top: 20px;
}



.cBar h4 {
    font-size: 17px;
    color: black;
    margin-left: 155px;
    /* margin-top: -23px; */
    line-height: 50px;
}

.cPerson {
    width: 370px;
    height: 165px;
    /* background-color: aqua; */
    /* margin: 0 0 10px; */
    padding: 0 10px;
    background-color: white;

}

.cPerson h1 {
    font-size: 15px;
    padding-top: 10px;
}

/* .cWw-w1 {
    position: absolute;
    bottom: 105px;
    background-color: aliceblue;

} */

.cW2 {
    border-top: 1px solid #c0c0c0;
}

.cW3 {
    border-top: 1px solid #c0c0c0;
}

.cName,
.CName1,
.cName2 {
    width: 300px;
    border: 0;
    outline: none;
    text-align: right;
}


.cPayment{
    margin-top: 10px;
}

.cCard {
    width: 370px;
    height: 100px;
    margin:  10px;
    background-color: white;
}
#cCard_section{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#cCard_section_left{
    display: flex;
    /* flex-direction: column; */
}
#cCard_section_center{
    display: flex;
}
#cCard_section_center span{
    margin: 8px 0 0 10px;
}
#cCard_section_center p{
    margin: 10px 0 0 30px;
}
#cCard_section_center1{
    display: flex;
}
#cCard_section_center1 span{
    margin: 8px 0 0 10px;
}
#cCard_section_center1 p{
    margin: 10px 0 0 30px;
}
.cCard h2 {
    /* margin-top: 3qpx; */
    font-size: 15px;
}

.cCard img {
    width: 35px;
    height: 35px;
}
.ccMoney {
    background-color: white;
    width: 370px;
    height: 50px;
    padding-top: 20px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid grey;
}
#cCmoney1{
    height: 50px;
    display: flex;
    align-items: center;
}
#cCmoney1 img{
    width: 30px;
    height: 30px;
    margin-left: 20px;
}
#cCapital{
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border-top: 1px solid grey;
}
.cMoney11 {
    font-size: 45px;
}

.cMoney-1 {
    width: 200px;
    height: 40px;
    border: 0;
    outline: none;
}

.cMoney p {
    border-top: 1px solid #c0c0c0;
    margin-bottom: 22px;
}

.cTime {
    color: #16a6768d;
    display: flex;
    justify-content: flex-end;
    margin-top: -20px;

}

.cBank2 {
    width: 370px;
    height: 35px;
    color: white;
    background-color: #FFE384;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* border-radius: 10px; */
    /* margin-top: 15px;
    margin-bottom: 15px; */
}
.cPostscript {
  /* margin-top: 5px ; */
    background-color: white;
    line-height: 20px;
}
.cPostscript-button{
    display: flex;
    justify-content: space-around;
}
.cPostscript-button button{
    width: 80px;
    height: 30px;
    margin: 20px;
    border-radius: 30px;
    border: none;
}
 .cPostscript .cYan1 {
    width: 270px;
    height: 40px;
    border: 0;
    outline: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: -21px;
    align-items: stretch;
}

.cShishi {
    padding: 0 10px;
    background-color: white;
}

.cWenzi {
    font-size: 15px;
    padding: 0 10px;
    background-color: white;
    margin-top: 5px;
    color: #c1c1c1;
} 

.cAn {
    background-color: white;
}
.cAn button{
    width: 100%;
    height: 40px;
    background-color: #FFE384;
}

.cPostscript .cSheng1 {
    width: 70px;
    height: 20px;
    margin-right: 25px;
    margin-left: 40px;
    /* border-radius: 30px; */

}

.cPostscript .cHuan1 {
    width: 90px;
    height: 20px;
    margin-right: 25px;
    /* border-radius: 30px; */
}

.cPostscript .cGong1 {
    width: 70px;
    height: 20px;
    margin-right: 25px;
    /* border-radius: 30px; */
}

.cBar {
    background-color: rgb(236, 232, 232);
    width: 390px;
    height: 50px;

}

.cBar img {
    width: 22px;
    height: 18px;
    line-height: 17px;
    margin-top: 17px;
}

.cBar h1 {
    font-size: 17px;
    color: black;
    margin-left: 155px;
    margin-top: -23px;
}

.cUnit1 {
    height: 90px;
    width: 150px;
    margin-top: 30px;
    margin-left: 110px;
}

.cUnit1 p {
    font-weight: 900;
    font-size: 30px;
    text-align: center;
}

.cUnit1 span {
    display: block;
    text-align: center;
    font-size: 10px;
}

.cPerson1 {
    width: 370px;
    height: 100px;
    margin: 0 0 10px;
    padding: 0 10px;
    background-color: white;
    padding-top: 1px;

}

.cW11,
.cW22,
.cW33 {
    margin: 0 0 10px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.cW22 {
    border-top: 1px solid #c0c0c0;
}

.cW33 {
    border-top: 1px solid #c0c0c0;
}

.cBan2 {
    width: 370px;
    height: 35px;
    /* color: white; */
    background-color: #FFE384;
    text-align: center;
    border-radius: 6px;
    margin-top: 80px;
    line-height: 35px;
}

.cAnn {
    background-color: white;
}



/* 密码 */
.cPassword_21 {
    background-color: rgb(228, 224, 224);
    height: 110px;
    width: 370px;
    margin-left: 10px;
    position: absolute;
    top: 295px;
    /* border-radius: 10px; */
}

.cPassword_22 {
    height: 30px;
    width: 270px;
    /* background-color: antiquewhite; */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
    justify-content: space-between;
}

.cPassword_22 img {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
}

.cPassword_22 p {
    font-size: 18px;
    margin-left: 50px;
}

.cPassword_22 span {
    margin-top: 3px;
    margin-left: 10px;
}

/* 框 */
#cApp {
    width: 225px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.707);
    /* background-color: aqua; */
    margin-top: 5px;
    margin-left: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cFirst {
    width: 190px;
    height: 40px;
    /* background-color: thistle; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
}

/* li {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.74);

} */



.sCecond {
    width: 190px;
    height: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    /* background-color: tomato; */
}

.cSecond>li {
    width: 40px;
    height: 100%;
    border-top: 1px solid rgb(0, 0, 0);
}

#cInputBox {
    width: 200px;
    height: 1px;
    opacity: 0;
}

[v-cloak] {
    display: none;
}

/* 输入成功 */
#cCorrect {
    background-color: rgb(255, 255, 255);
    width: 200px;
    height: 100px;
    margin-top: -90px;
    margin-left: 100px;
}

#cCorrect_1 {
    /* background-color: blue; */
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
}

#cCorrect_2 {
    font-size: 25px;
    margin-left: 75px;
    margin-top: 20px;
}

#cCorrect1 {
    background-color: rgb(255, 255, 255);
    width: 200px;
    height: 100px;
    margin-top: -90px;
    margin-left: 100px;
}

.cCKa1 {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 22;
    display: none;
}

.cTan {
    width: 100%;
    height: 180px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    bottom: 0;
}

.cTan1 {
    height: 30px;
    border-bottom: 1px solid gainsboro;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
}

#cCuo {
    margin-left: 10px;
    margin-top: 10px;
}

.cTan1 span {
    margin-right: 160px;
}

.cTan2 {
    display: flex;
    justify-content: space-between;
    height: 40px;
    border-bottom: 1px solid rgb(225, 225, 225);
    line-height: 40px;
}

#cKa1 {
    margin-top: 10px;
    margin-left: 10px;
}

.cTan2-1 {
    margin-left: -220px;
}

.cTan2-2 {
    width: 20px;
    height: 20px;
    background-color: rgb(7, 189, 128);
    /* border-radius: 50%; */
    margin-top: 10px;
    margin-right: 10px;
}
#cJian{
    width: 15px;
    height: 15px;
}
#cNextStep{
    width: 90%;
    border-radius: 15px;
    margin:10px 0 10px 15px;
    border: none;
}
#cPass{
    width: 100%;
    position: absolute;
    /* margin-bottom: 200px; */
}
#cqw{
    position: absolute;
    top: 86px;
    width: 390px;
}
.van-field__body input{
    border-radius: 0;
  }
  .cWwzy {
      height: 700px;
      background-color: rgb(250, 250, 250);
  }
  
  .cBar {
      background-color: white;
  
  }
  
  .cBar img {
      width: 22px;
      height: 18px;
      line-height: 17px;
  }
  
  .cBar h4 {
      font-size: 17px;
      color: black;
      margin-left: 155px;
      margin-top: -23px;
  
  }
  
  .cPerson {
      width: 370px;
      height: 165px;
      /* background-color: aqua; */
      /* margin: 0 0 10px; */
      padding: 0 10px;
      background-color: white;
  
  }
  
  .cPerson h1 {
      font-size: 15px;
      padding-top: 10px;
  }
  
  /* .cWw-w1 {
      position: absolute;
      bottom: 105px;
      background-color: aliceblue;
  
  } */
  
  .cW2 {
      border-top: 1px solid #c0c0c0;
  }
  
  .cW3 {
      border-top: 1px solid #c0c0c0;
  }
  
  .cName,
  .CName1,
  .cName2 {
      width: 300px;
      border: 0;
      outline: none;
      text-align: right;
  }
  
  .cName-1 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 7px;
  }
  
  .cCard {
      width: 370px;
      height: 100px;
      padding:  10px;
      background-color: white;
      
      /* background-color: #FFE384; */
  }
  
  .cCard h2 {
      /* margin-top: 3qpx; */
      font-size: 15px;
  }
  
  .cCard img {
      width: 35px;
      height: 35px;
  }
  
  .cZhuan input {
      width: 220px;
      border: 0;
      border-color: white;
      outline: none;
      text-align: right;
  }
  
  .cZhuan {
      margin-top: -33px;
      margin-left: 48px;
  }
  
  .cMoney {
      background-color: white;
      width: 370px;
      /* height: 150px; */
      padding-top: 10px;
      padding: 0 10px;
      /* background-color: blue; */
  }
  
  .cMoney1 {
    padding-top: 10px;
    font-size: 15px;
    display: flex;
    justify-content: flex-end;
  }
  
  .cExplain {
      color: #16a6768d;
      margin-top: -20px;
      /* margin-right: -1px; */
  }
  
  .cMoney11 {
      font-size: 45px;
  }
  
  .cMoney-1 {
      width: 200px;
      height: 40px;
      border: 0;
      outline: none;
  }
  
  .cMoney p {
      border-top: 1px solid #c0c0c0;
      margin-bottom: 22px;
  }
  
  .cTime {
      color: #16a6768d;
      display: flex;
      justify-content: flex-end;
      margin-top: -20px;
  
  }
  
  .cBank2 {
      width: 370px;
      height: 35px;
      color: white;
      background-color: #FFE384;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      /* border-radius: 10px; */
      /* margin-top: 15px;
      margin-bottom: 15px; */
      margin: 0px 10px;
  }
  
  .cPostscript {
    /* margin-top: 5px ; */
    background-color: white;
    line-height: 20px  ,;
  }
  
  .cPostscript .cYan1 {
      width: 270px;
      height: 40px;
      border: 0;
      outline: none;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin-top: -21px;
      align-items: stretch;
  }
  
  .cShishi {
      padding: 0 10px;
      background-color: white;
  }
  
  .cWenzi {
      font-size: 15px;
      padding: 0 10px;
      background-color: white;
      margin-top: 5px;
  }
  
  .cAn {
      background-color: white;
  }
  
  
  .cPostscript .cSheng1 {
      width: 70px;
      height: 20px;
      margin-right: 25px;
      margin-left: 40px;
      /* border-radius: 30px; */
  
  }
  
  .cPostscript .cHuan1 {
      width: 90px;
      height: 20px;
      margin-right: 25px;
      /* border-radius: 30px; */
  }
  
  .cPostscript .cGong1 {
      width: 70px;
      height: 20px;
      margin-right: 25px;
      /* border-radius: 30px; */
  }
  
  .cBar {
      background-color: rgb(236, 232, 232);
      width: 390px;
      height: 50px;
  
  }
  
  .cBar img {
      width: 22px;
      height: 18px;
      line-height: 17px;
      margin-top: 17px;
  }
  
  .cBar h1 {
      font-size: 17px;
      color: black;
      margin-left: 155px;
      margin-top: -23px;
  }
  
  .cUnit1 {
      height: 90px;
      width: 150px;
      margin-top: 30px;
      margin-left: 110px;
  }
  
  .cUnit1 p {
      font-weight: 900;
      font-size: 30px;
      text-align: center;
  }
  
  .cUnit1 span {
      display: block;
      text-align: center;
      font-size: 10px;
  }
  
  .cPerson1 {
      width: 370px;
      height: 100px;
      margin: 0 0 10px;
      padding: 0 10px;
      background-color: white;
      padding-top: 1px;
  
  }
  
  .cW11,
  .cW22,
  .cW33 {
      margin: 0 0 10px;
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
  }
  
  .cW22 {
      border-top: 1px solid #c0c0c0;
  }
  
  .cW33 {
      border-top: 1px solid #c0c0c0;
  }
  
  .cBan2 {
      width: 370px;
      height: 35px;
      /* color: white; */
      background-color: #FFE384;
      text-align: center;
      /* border-radius: 6px; */
      margin: 0px 10px;
  }
  
  .cAnn {
      background-color: white;
  }
  
  
  
  /* 密码 */
  .cPassword_21 {
      background-color: rgb(228, 224, 224);
      height: 110px;
      width: 370px;
      margin-left: 10px;
      position: absolute;
      top: 295px;
      /* border-radius: 10px; */
  }
  
  .cPassword_22 {
      height: 30px;
      width: 270px;
      /* background-color: antiquewhite; */
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 10px;
      justify-content: space-between;
  }
  
  .cPassword_22 img {
      height: 30px;
      width: 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-left: 20px;
  }
  
  .cPassword_22 p {
      font-size: 18px;
      margin-left: 50px;
  }
  
  .cPassword_22 span {
      margin-top: 3px;
      margin-left: 10px;
  }
  
  /* 框 */
  #cApp {
      width: 225px;
      height: 50px;
      border: 1px solid rgba(0, 0, 0, 0.707);
      /* background-color: aqua; */
      margin-top: 5px;
      margin-left: 75px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  .cFirst {
      width: 190px;
      height: 40px;
      /* background-color: thistle; */
      display: flex;
      justify-content: flex-start;
      align-items: center;
      list-style: none;
  }
  
  /* li {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      margin-right: 10px;
      color: rgba(0, 0, 0, 0.74);
  
  }
  
  li:last-child {
      margin: 0;
  } */
  
  .sCecond {
      width: 190px;
      height: 5px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      list-style: none;
      /* background-color: tomato; */
  }
  
  .cSecond>li {
      width: 40px;
      height: 100%;
      border-top: 1px solid rgb(0, 0, 0);
  }
  
  #cInputBox {
      width: 200px;
      height: 1px;
      opacity: 0;
  }
  
  [v-cloak] {
      display: none;
  }
  
  /* 输入成功 */
  #cCorrect {
      background-color: rgb(255, 255, 255);
      width: 200px;
      height: 100px;
      margin-top: -90px;
      margin-left: 100px;
  }
  
  #cCorrect_1 {
      /* background-color: blue; */
      font-size: 20px;
      margin-top: 10px;
      text-align: center;
  }
  
  #cCorrect_2 {
      font-size: 25px;
      margin-left: 75px;
      margin-top: 20px;
  }
  
  #cCorrect1 {
      background-color: rgb(255, 255, 255);
      width: 200px;
      height: 100px;
      margin-top: -90px;
      margin-left: 100px;
  }
  
  .cCKa1 {
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.4);
      position: absolute;
      z-index: 22;
      display: none;
  }
  
  .cTan {
      width: 100%;
      height: 180px;
      background-color: rgb(255, 255, 255);
      position: absolute;
      bottom: 0;
  }
  
  .cTan1 {
      height: 30px;
      border-bottom: 1px solid gainsboro;
      display: flex;
      justify-content: space-between;
      line-height: 30px;
  }
  
  #cCuo {
      margin-left: 10px;
      margin-top: 10px;
  }
  
  .cTan1 span {
      margin-right: 160px;
  }
  
  .cTan2 {
      display: flex;
      justify-content: space-between;
      height: 40px;
      border-bottom: 1px solid rgb(225, 225, 225);
      line-height: 40px;
  }
  
  #cKa1 {
      margin-top: 10px;
      margin-left: 10px;
  }
  
  .cTan2-1 {
      margin-left: -220px;
  }
  
  .cTan2-2 {
      width: 20px;
      height: 20px;
      background-color: rgb(7, 189, 128);
      /* border-radius: 50%; */
      margin-top: 10px;
      margin-right: 10px;
  }
  #cJian{
      width: 15px;
      height: 15px;
  }
  /* .cName-1 p:nth-child(1){
      margin-left: 20px;
  } */
  #cKa{
      margin-left: 90px;
  }
  #cYue{
      margin-right: 80px;
  }
  
  